.modal{
  @include center;
  position: fixed !important;
  @include modal-shadow;
  width: 300px;
  border-radius: 3px;
  z-index: 2;
  background: $ff;
  font-size: 14px;

  & .modal_no{
    text-align: center;
    position: relative;
    top: 30px;
    & img{ width: 150px; }
  }

  & .modal_header{
    background: $header;
    border-bottom: 1px solid $header_border;
    padding: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    // font-weight: 600;

    & span.title{
      font-weight: 600;
    }

  }

  & .modal_middle{
    position: relative;
    padding: 10px;

  }

  & .modal_bottom{
    display: block;
    text-align: right;
    padding: 9px 5px 12px 5px;
    border-top: 1px solid $ee;
    margin-top: 0px;

    & a, & input[type='submit']{
      display: inline-block;
      padding: 4px 10px;
      font-weight: 600;
    }

  }

}

.modal_big{
  width: 400px;

  & .modal_middle{
    height: 450px;
    width: inherit;
    overflow: auto;
    padding: 0px !important;

    & .modal_main{
      position: relative;
      padding: 5px 0px;
      margin-top: 5px;

      & .modal_items{
        margin-bottom: 5px;
        position: relative;
        padding: 0px 5px 5px 5px;

        & .modal_it_img{
          position: relative;
          display: inline-block;
          height: 45px;
          margin-left: 5px;

          & img{
            width: 45px;
            height: 45px;
            border-radius: 3px;
          }

        }

        & .modal_it_content{
          display: inline-block;
          position: relative;
          width: 83%;
          margin-left: 8px;
          top: -10px;

          & .modal_it_info{
            display: inline-block;
            width: 100%;

            & a.modal_it_username{
              font-size: 14px;
              color: $dark;
              font-weight: 600;
              display: block;
              outline: none;

              &:hover,&:focus{text-decoration: underline;}

            }

            & span.modal_it_light{
              color: $d_light;
              font-size: 13px;
            }

          }

          & .modal_ff{
            display: inline-block;
            position: absolute;
            right: 5px;
            top: 5px;
            text-align: right;

            & a{
              display: inline-block;
              padding: 5px 15px;
              font-weight: 600;
            }

          }

        }

        & hr{
          border-top-color: $ee;
          margin-top: 3px;
        }

      }

    }

  }

  & .modal_bottom{
    margin-top: 1px;

    & a:last-of-type{
      margin-right: 10px;
      margin-left: 5px;
    }

  }

}
